import React from 'react'
import { NavBar,List } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';

export default function Aboutus() {
    let navigate = useNavigate()
    return (
        <div>
            <NavBar onBack={() => { navigate(-1) }}>关于我们</NavBar>
            <div>
                <div style={{ background: "#f7f7f7", height: "calc(100vh - 45px)" }}>
                    <div style={{ textAlign:"center",padding:"50px"}}>
                        <img src="https://cdn7.axureshop.com/demo2024/2268035/images/%E5%85%B3%E4%BA%8E%E6%88%91%E4%BB%AC/u1747.svg" alt="" />
                        <h2 style={{padding:"10px"}}>大学生校园跑</h2>
                        <h3>v1.0.0</h3>
                    </div>
                    <List header=' '>
                        <List.Item onClick={() => { }}>给我们评分</List.Item>
                        <List.Item onClick={() => { }}>分享给好友</List.Item>
                        <List.Item extra={'已经是最新版本'} onClick={() => { }}>版本更新</List.Item>
                    </List>
                    <div style={{textAlign:"center",width:"100vw",color:"#b0b0b0",position:"absolute",bottom:"50px"}}>
                        <h3 style={{padding:"10px"}}>@2024 &copy; 大学生校园跑APP版权所有</h3>
                        <h3>振涛教育</h3>
                    </div>
                </div>
            </div>
        </div>
    )
}
